<%@ Control Language="C#" AutoEventWireup="true" CodeFile="GlobalAjax.ascx.cs" Inherits="MessageBoxes" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<%@ Register Assembly="Microsoft.Web.Preview" Namespace="Microsoft.Web.Preview.UI.Controls" TagPrefix="cc2" %>

<!-- incomplete popup begins -->
<asp:Panel ID="Panel_Incomplete" runat="server" Width="223" CssClass="popupPanel">
<div id="incomplete" class="incompletePopup">
    <strong>
        <span>Function To Be Implemented</span>
        <a href="#" class="close">Close</a>
    </strong>
    <div class="inner">
        This function is not yet implemented.
    </div>
</div>
</asp:Panel>
<cc2:DragOverlayExtender ID="DragOverlayExtender_Incomplete" TargetControlID="Panel_Incomplete" runat="server" Enabled="true" />
<cc1:DropShadowExtender ID="DropShadowExtender_Incomplete" runat="server"
TargetControlID="Panel_Incomplete" 
Rounded="false"
Width="5"
Opacity="0.25" 
TrackPosition="true"  />
<!-- incomplete popup ends -->

<!-- duplicate as popup begins -->
<asp:Panel ID="Panel_Duplicate" runat="server" Width="305" CssClass="popupPanel">
<div id="dupObject" class="duplicate">
    <strong>
	    <span id="dupSpan"></span>
    </strong>
    <div class="inner">
        <label id="dupAlert" style="font-weight:bold; color:Red;"></label>
	    <label id="dupLabel">
	    </label>
	    <div class="row">
	        <input type="text" id="dupName"/>
	        <input type="button" name="submit" value="Cancel" onclick="hideDuplicateAs();" />
	        <input id="dupBtn" type="button" name="submit" value="Duplicate" />
	    </div>
    </div>
</div>
</asp:Panel>
<cc2:DragOverlayExtender ID="DragOverlayExtender_Duplicate" TargetControlID="Panel_Duplicate" runat="server" Enabled="true" />
<cc1:DropShadowExtender ID="DropShadowExtender_Duplicate" runat="server"
TargetControlID="Panel_Duplicate" 
Rounded="false"
Width="5"
Opacity="0.25" 
TrackPosition="true"  />
<!-- duplicate as popup ends -->

<!-- save copy as popup begins -->
<div id="savecopyas" class="saveAs">
    <div class="form">
	    <strong>
		    <span>Save Copy As...</span>
	    </strong>
	    <div class="inner">
		    <label for="npn" id="Label1">
			    New Object Name
		    </label>
		    <input type="text" id="Text1"/>
		    <input type="button" name="submit" value="Don't Save" onclick="hideSaveAs();" />
		    <input type="button" name="submit" value="Save" onclick="hideSaveAs();" />
	    </div>
    </div>
</div>
<!-- save object as popup ends -->

<!-- color selector popup begins -->
<div id="colorSelector" class="color">
	<strong>
		<span>Change Package Color</span>
	</strong>
	<form action="#">
        <div class="innerContent">
        <div class="row">
	        <strong>Change Color To:</strong>
	        <ul class="colorSelect">
		        <li class="top"><a href="#" onclick="assignColor(this);">ffffff</a></li>
		        <li class="top"><a href="#" onclick="assignColor(this);">010101</a></li>
		        <li class="top"><a href="#" onclick="assignColor(this);">1d1b10</a></li>
		        <li class="top"><a href="#" onclick="assignColor(this);">1e477d</a></li>
		        <li class="top"><a href="#" onclick="assignColor(this);">95aecf</a></li>
		        <li class="top"><a href="#" onclick="assignColor(this);">bf4f45</a></li>
		        <li class="top"><a href="#" onclick="assignColor(this);">9dba63</a></li>
		        <li class="top"><a href="#" onclick="assignColor(this);">ab99bf</a></li>
		        <li class="top"><a href="#" onclick="assignColor(this);">4daac7</a></li>
		        <li class="top"><a href="#" onclick="assignColor(this);">f69c55</a></li>
		        <li><a href="#" onclick="assignColor(this);">f2f2f2</a></li>
		        <li><a href="#" onclick="assignColor(this);">262626</a></li>
		        <li><a href="#" onclick="assignColor(this);">494429</a></li>
		        <li><a href="#" onclick="assignColor(this);">739fdc</a></li>
		        <li><a href="#" onclick="assignColor(this);">eef1f6</a></li>
		        <li><a href="#" onclick="assignColor(this);">eccdcb</a></li>
		        <li><a href="#" onclick="assignColor(this);">ebf1de</a></li>
		        <li><a href="#" onclick="assignColor(this);">f1eef5</a></li>
		        <li><a href="#" onclick="assignColor(this);">d1ebf0</a></li>
		        <li><a href="#" onclick="assignColor(this);">fdefe4</a></li>
		        <li><a href="#" onclick="assignColor(this);">d9d9d9</a></li>
		        <li><a href="#" onclick="assignColor(this);">404040</a></li>
		        <li><a href="#" onclick="assignColor(this);">938953</a></li>
		        <li><a href="#" onclick="assignColor(this);">3476cd</a></li>
		        <li><a href="#" onclick="assignColor(this);">c8d5e7</a></li>
		        <li><a href="#" onclick="assignColor(this);">da9791</a></li>
		        <li><a href="#" onclick="assignColor(this);">c9d9a9</a></li>
		        <li><a href="#" onclick="assignColor(this);">d2c9de</a></li>
		        <li><a href="#" onclick="assignColor(this);">98d1df</a></li>
		        <li><a href="#" onclick="assignColor(this);">fbcca7</a></li>
		        <li><a href="#" onclick="assignColor(this);">bfbfbf</a></li>
		        <li><a href="#" onclick="assignColor(this);">595959</a></li>
		        <li><a href="#" onclick="assignColor(this);">c4bd97</a></li>
		        <li><a href="#" onclick="assignColor(this);">285ea6</a></li>
		        <li><a href="#" onclick="assignColor(this);">aec2db</a></li>
		        <li><a href="#" onclick="assignColor(this);">cc726c</a></li>
		        <li><a href="#" onclick="assignColor(this);">b5cb86</a></li>
		        <li><a href="#" onclick="assignColor(this);">c0b0d0</a></li>
		        <li><a href="#" onclick="assignColor(this);">71bfd3</a></li>
		        <li><a href="#" onclick="assignColor(this);">f7b57e</a></li>
		        <li><a href="#" onclick="assignColor(this);">a6a6a6</a></li>
		        <li><a href="#" onclick="assignColor(this);">737373</a></li>
		        <li><a href="#" onclick="assignColor(this);">ddd9c3</a></li>
		        <li><a href="#" onclick="assignColor(this);">163661</a></li>
		        <li><a href="#" onclick="assignColor(this);">7395be</a></li>
		        <li><a href="#" onclick="assignColor(this);">9e3d35</a></li>
		        <li><a href="#" onclick="assignColor(this);">84a446</a></li>
		        <li><a href="#" onclick="assignColor(this);">917bac</a></li>
		        <li><a href="#" onclick="assignColor(this);">378fa7</a></li>
		        <li><a href="#" onclick="assignColor(this);">f38225</a></li>
		        <li><a href="#" onclick="assignColor(this);">8c8c8c</a></li>
		        <li><a href="#" onclick="assignColor(this);">808080</a></li>
		        <li><a href="#" onclick="assignColor(this);">eeece1</a></li>
		        <li><a href="#" onclick="assignColor(this);">102542</a></li>
		        <li><a href="#" onclick="assignColor(this);">507bae</a></li>
		        <li><a href="#" onclick="assignColor(this);">772f29</a></li>
		        <li><a href="#" onclick="assignColor(this);">698038</a></li>
		        <li><a href="#" onclick="assignColor(this);">775e97</a></li>
		        <li><a href="#" onclick="assignColor(this);">297082</a></li>
		        <li><a href="#" onclick="assignColor(this);">d9690c</a></li>
	        </ul>
	        </div>
	        <div class="row">
                <label id="colorSelectHexAlert" style="font-weight:bold; color:Red; display:none;">Hex value must be 6 characters long including only numbers or the letters A-F (capitals or lower-case)</label>
            </div>
	        <div class="row">
	            <span style="padding:2px 3px 0 0;">Hex Value #</span>
	            <input type="text" id="selectedColorHex" style="width:100px;" onchange="selectedColorCheckHex();" />
	        </div>
	        <div class="row">
	            <input type="button" value="Change Color" style="width:100px;" onclick="changeColor('#'+$('selectedColorHex').value.trim());" />
	        </div>
        </div>
    </form>
</div>
<!-- color selector popup ends -->

<!-- color selector popup begins -->
<asp:Panel ID="Panel_ColorSelectMD" runat="server" CssClass="popupPanel" >
<div id="colorSelectorMD" class="color">
	<strong>
		<span>Change Color</span>
		<a href="#" class="close">Close</a>
	</strong>
    <div class="innerContent">
        <div class="row">
	        Change Color To:
	        <ul class="colorSelect">
		        <li class="top"><a href="#" onclick="assignColorMD(this);">ffffff</a></li>
		        <li class="top"><a href="#" onclick="assignColorMD(this);">010101</a></li>
		        <li class="top"><a href="#" onclick="assignColorMD(this);">eeece1</a></li>
		        <li class="top"><a href="#" onclick="assignColorMD(this);">1e477d</a></li>
		        <li class="top"><a href="#" onclick="assignColorMD(this);">95aecf</a></li>
		        <li class="top"><a href="#" onclick="assignColorMD(this);">bf4f45</a></li>
		        <li class="top"><a href="#" onclick="assignColorMD(this);">9dba63</a></li>
		        <li class="top"><a href="#" onclick="assignColorMD(this);">ab99bf</a></li>
		        <li class="top"><a href="#" onclick="assignColorMD(this);">4daac7</a></li>
		        <li class="top"><a href="#" onclick="assignColorMD(this);">f69c55</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">f2f2f2</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">262626</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">1d1b10</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">739fdc</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">eef1f6</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">eccdcb</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">ebf1de</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">f1eef5</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">d1ebf0</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">fdefe4</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">d9d9d9</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">404040</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">494429</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">3476cd</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">c8d5e7</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">da9791</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">c9d9a9</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">d2c9de</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">98d1df</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">fbcca7</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">bfbfbf</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">595959</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">938953</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">285ea6</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">aec2db</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">cc726c</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">b5cb86</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">c0b0d0</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">71bfd3</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">f7b57e</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">a6a6a6</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">737373</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">c4bd97</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">163661</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">7395be</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">9e3d35</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">84a446</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">917bac</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">378fa7</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">f38225</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">8c8c8c</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">808080</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">ddd9c3</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">102542</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">507bae</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">772f29</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">698038</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">775e97</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">297082</a></li>
		        <li><a href="#" onclick="assignColorMD(this);">d9690c</a></li>
	        </ul>
	        </div>
	        <div class="row">
                <label id="colorSelectHexAlertMD" style="font-weight:bold; color:Red; display:none;">Hex value must be 6 characters long including only numbers or the letters A-F (capitals or lower-case)</label>
            </div>
	        <div class="row">
	            <span style="padding:2px 3px 0 0;">Hex Value #</span>
	            <input type="text" id="selectedColorHexMD" style="width:100px;" onchange="selectedColorCheckHexMD();" />
	        </div>
	        <div class="row">
	            <input type="button" value="Change Color" style="width:100px;" onclick="changeColorMD();" />
	        </div>
        </div>
</div>
</asp:Panel>
<cc2:DragOverlayExtender ID="DragOverlayExtender_ColorSelectMD" runat="server" TargetControlID="Panel_ColorSelectMD" Enabled="true" />
<cc1:DropShadowExtender ID="DropShadowExtender_ColorSelectMD" runat="server" 
    TargetControlID="Panel_ColorSelectMD" 
    Rounded="false"
    Width="5"
    Opacity="0.25" 
    TrackPosition="true"  />
<!-- color selector popup ends -->

<!-- unsaved changes (for leaving editor) popup begins -->
<asp:Panel ID="Panel_UnsavedChangesTopNav" runat="server" Width="300" CssClass="popupPanel">
<div id="unsavedChangesTopNavAlert" class="unsavedChanges">
    <strong>
        <span>Unsaved Changes</span>
        <a href="#" class="close">Close</a>
    </strong>
    <div class="inner">
	    <label>
		    You have unsaved changes on one of the open editor screens. Continue?  
	    </label>
	    <br />
	    <input type="button" value="Save Changes" onclick="saveContinue(true);"/>
	    <div class="spacerXL"></div>
	    <input type="button" value="Don't Save Changes" onclick="saveContinueTopNav();" />
    </div>
</div>
</asp:Panel>
<cc2:DragOverlayExtender ID="DragOverlayExtender_UnsavedChangesTopNav" TargetControlID="Panel_UnsavedChangesTopNav" runat="server" Enabled="true" />
<cc1:DropShadowExtender ID="DropShadowExtender_UnsavedChangesTopNav" runat="server"
    TargetControlID="Panel_UnsavedChangesTopNav" 
    Rounded="false"
    Width="5"
    Opacity="0.25" 
    TrackPosition="true"  />
<!-- unsaved changes popup ends -->